﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link rel="stylesheet" href="dropDownStyleSheet.css" type="text/css" />
    <script type="text/javascript">
        function showMenu(a) {
            var menu = document.getElementById("menu" + a);
            menu.style.visibility = "visible";
        }
        function hideMenu(a) {
            var menu = document.getElementById("menu" + a);
            menu.style.visibility = "hidden";
        }
    </script>
</head>
<body>
    <table>
        <tr>
            <td id="block1" onmouseover="javascript: showMenu(1)" onmouseout="javascript: hideMenu(1)">Block one</td>
            <td id="block2" onmouseover="javascript: showMenu(2)" onmouseout="javascript: hideMenu(2)">Block two</td>
        </tr>
    </table>
    <div id="menu1" onmouseover="javascript: showMenu(1)" onmouseout="javascript: hideMenu(1)">
        <a href="http:\\www.yahoo.com">Yahoo</a>
        <a href="http:\\www.yahoo.com">Yahoo</a>
        <a href="http:\\www.yahoo.com">Yahoo</a>
        <a href="http:\\www.yahoo.com">Yahoo</a>
    </div>
    <div id="menu2" onmouseover="javascript: showMenu(2)" onmouseout="javascript: hideMenu(2)">
        <a href="http:\\www.yahoo.com">Google</a>
        <a href="http:\\www.yahoo.com">Google</a>
        <a href="http:\\www.yahoo.com">Yahoo</a>
        <a href="http:\\www.yahoo.com">Yahoo</a>
    </div>
</body>
</html>
